<%@page contentType="text/html"%>
<%@page pageEncoding="UTF-8"%>

<%@page import="java.util.List"%>

<%--
The taglib directive below imports the JSTL library. If you uncomment it,
you must also add the JSTL library to the project. The Add Library... action
on Libraries node in Projects view can be used to add the JSTL 1.1 library.
--%>

<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%> 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link class="css-file" href="css/style.css" id="imitacionCssTelcoblocks" rel="stylesheet" type="text/css" />
        <title>Click To Dial</title>
                <script type="text/javascript" src="${pageContext.request.contextPath}/dojo.js"></script>
    </head>
    <body>
        <div id="wrapper">

            <div id="banner">
                <h1 class="logo">Billing Service</h1>
            </div>

            <div id="navigation">
                <ul>
                    <li class="">
                        <a href="http://telcoblocks.germinus.com/inicio;jsessionid=53DD90C08E7DEEECDF9A5B4A6AE0CB23" ><span>Inicio</span></a>
                    </li>
                    <li class="">

                        <a href="http://telcoblocks.germinus.com/objetivos;jsessionid=53DD90C08E7DEEECDF9A5B4A6AE0CB23" ><span>Objetivos</span></a>
                    </li>
                    <li class="">
                        <a href="http://telcoblocks.germinus.com/partners;jsessionid=53DD90C08E7DEEECDF9A5B4A6AE0CB23" ><span>Partners</span></a>
                    </li>
                    <li class="">
                        <a href="http://telcoblocks.germinus.com/enlaces;jsessionid=53DD90C08E7DEEECDF9A5B4A6AE0CB23" ><span>Enlaces</span></a>
                    </li>
                    <li class="selected">
                        <a href="http://telcoblocks.germinus.com/noticias;jsessionid=53DD90C08E7DEEECDF9A5B4A6AE0CB23" ><span>Noticias</span></a>
                    </li>
                    <li class="">
                        <a href="http://telcoblocks.germinus.com/documentos;jsessionid=53DD90C08E7DEEECDF9A5B4A6AE0CB23" ><span>Documentos</span></a>

                    </li>
                  <li class="">
                        <a href="http://telcoblocks.germinus.com/contacto;jsessionid=53DD90C08E7DEEECDF9A5B4A6AE0CB23" ><span>Contacto</span></a>
                    </li>
                </ul>
            </div>

            <div id="content-wrapper">
                <div class="seccion">

                    <span class="titular">
                        <img alt="" src="images/icon.png" />
                        Billing Service
                    </span>

                    <div class="contenido">

              <br>
              <p> A continuaci&oacute;n se muestran los detalles de la factura solicitada. </p>
              <br>
            <p>
            <table border="1">

                <tr>
                    <td><b>Nombre</b></td>
                    <td><b>N. Llamadas Movistar</b></td>
                    <td><b>N. Segundos Movistar</b></td>
                    <td><b>N. Llamadas Vodafone</b></td>
                    <td><b>N. Segundos Vodafone</b></td>
                    <td><b>N. Llamadas Orange</b></td>
                    <td><b>N. Segundos Orange</b></td>
                    <td><b>N. Llamadas Yoigo</b></td>
                    <td><b>N. Segundos Yoigo</b></td>
                    <td><b>Precio (€)</b></td>
                </tr>
                <tr>
                    <td><b> ${username} </b></td>
                    <td>${factura.llamadasMovistar}</td>
                    <td>${factura.segundosMovistar}</td>
                    <td>${factura.llamadasVodafone}</td>
                    <td>${factura.segundosVodafone}</td>
                    <td>${factura.llamadasOrange}</td>
                    <td>${factura.segundosOrange}</td>
                    <td>${factura.llamadasYoigo}</td>
                    <td>${factura.segundosYoigo}</td>
                    <td>${factura.precio/100}</td>
                </tr>
                <tr>
                    <td><b> Facturaci&oacute;n con nuestro servicio </b></td>
                    <td>${facturaEspecial.llamadasMovistar}</td>
                    <td>${facturaEspecial.segundosMovistar}</td>
                    <td>${facturaEspecial.llamadasVodafone}</td>
                    <td>${facturaEspecial.segundosVodafone}</td>
                    <td>${facturaEspecial.llamadasOrange}</td>
                    <td>${facturaEspecial.segundosOrange}</td>
                    <td>${facturaEspecial.llamadasYoigo}</td>
                    <td>${facturaEspecial.segundosYoigo}</td>
                    <td>${facturaEspecial.precio/100}</td>
                </tr>
            </table>
            </div>

                </div>
            </div>
            <div id="footer">
            </div>
        </div>

    
    </body>
</html>
